<template>
<!-- 进件审核详情 -->
  <div class="app-container">
    <!--搜索组件-->
    <!-- 操作按钮 -->
    <div class="overtable-btns">
      <el-button size="mini" type="warning" icon="el-icon-back">返回</el-button>
      <el-button size="mini" type="primary" icon="el-icon-folder-checked">保存</el-button>
      <el-button size="mini" icon="el-icon-refresh">重置</el-button>
    </div>
    <!-- :rules="rules" -->
    <el-form class="form-wrap" ref="" :model="form" size="small" label-width="145px">
      <el-collapse v-model="activeNames">
        <el-collapse-item title="审核编号" name="0">
          <el-form-item label="审核编号:">
            <p>123</p>
          </el-form-item>
        </el-collapse-item>
        <el-collapse-item title="联系信息" name="1">
          <el-form-item label="联系人姓名:">
            <p>的恢复健康的撒后方可</p>
          </el-form-item>
          <el-form-item label="联系人身份证:">
            <p></p>
          </el-form-item>
          <el-form-item label="手机号码:">
            <p></p>
          </el-form-item>
          <el-form-item label="联系邮箱:">
            <p></p>
          </el-form-item>
          <el-form-item label="商户会员号码:">
            <p></p>
          </el-form-item>
          <el-form-item label="归属服务商:">
            <p></p>
          </el-form-item>
        </el-collapse-item>
        <el-collapse-item title="经营信息" name="2">
          <el-form-item label="商户名称:">
            <p></p>
          </el-form-item>
          <el-form-item label="商户简称:">
            <p></p>
          </el-form-item>
          <el-form-item label="商户类型:">
            <p></p>
          </el-form-item>
          <el-form-item label="行业类别:">
            <p></p>
          </el-form-item>
        </el-collapse-item>
        <el-collapse-item title="主体信息">
          <el-form-item label="营业执照类型:">
            <p></p>
          </el-form-item>
          <el-form-item label="营业执照编号:">
            <p></p>
          </el-form-item>
          <el-form-item label="税务登记号:">
            <p></p>
          </el-form-item>
          <el-form-item label="组织机构代码:">
            <p></p>
          </el-form-item>
          <el-form-item label="营业执照有效期:">
            <p></p>
          </el-form-item>
          <el-form-item label="证件执照:"></el-form-item>
          <el-form-item label="特殊资质:"></el-form-item>
        </el-collapse-item>
        <el-collapse-item title="法人信息" name="4">
          <el-form-item label="实名认证姓名:">
            <p></p>
          </el-form-item>
          <el-form-item label="实名认证身份证:">
            <p></p>
          </el-form-item>
          <el-form-item label="身份证正反面:"></el-form-item>
          <el-form-item label="身份证有效期:">
            <p></p>
          </el-form-item>
        </el-collapse-item>
        <el-collapse-item title="结算信息" name="5">
          <el-form-item label="账户类型:">
            <p></p>
          </el-form-item>
          <el-form-item label="账户名:">
            <p></p>
          </el-form-item>
          <el-form-item label="银行名称:">
            <p></p>
          </el-form-item>
          <el-form-item label="银行卡号:">
            <p></p>
          </el-form-item>
          <el-form-item label="开户地区:">
            <p></p>
          </el-form-item>
          <el-form-item label="开户支行:">
            <p></p>
          </el-form-item>
          <el-form-item label="开户许可证:"></el-form-item>
          <el-form-item label="结算卡照片:"></el-form-item>
          <el-form-item label="委托收款授权书:"></el-form-item>
          <el-form-item label="结算人身份证正反面:"></el-form-item>
        </el-collapse-item>
        <el-collapse-item title="门店信息" name="6">
          <el-form-item label="门店名称:">
            <p></p>
          </el-form-item>
          <el-form-item label="详细地址:">
            <p></p>
          </el-form-item>
          <el-form-item label="门店定位:">
            <p></p>
          </el-form-item>
          <el-form-item label="客服电话:">
            <p></p>
          </el-form-item>
          <el-form-item label="经营类别:">
            <p></p>
          </el-form-item>
          <el-form-item label="发行额度:">
            <p></p>
          </el-form-item>
          <el-form-item label="发行折扣:">
            <p></p>
          </el-form-item>
          <el-form-item label="门头照:">
          </el-form-item>
          <el-form-item label="商铺店内照:">
          </el-form-item>
          <el-form-item label="商铺产品照:">
          </el-form-item>
          <el-form-item label="收银台照:">
          </el-form-item>
          <el-form-item label="价格照:">
          </el-form-item>
        </el-collapse-item>
      </el-collapse>
    </el-form>
  </div>
</template>

<script>
import areaSelect from '@/components/AreaSelect/index'
import dateSelect from '@/components/DateSelect/index'
export default {
  components: {
    areaSelect,
    dateSelect
  },
  data() {
    return {
      activeNames: ['0', '1', '2', '3', '4', '5', '6', '7'],
      form: {
        areaVal: [],
        realName: '',
        phone: '',
        identity: '',
        signAt: '',
        signTime: '',
        isCommission: '',
        participation: '',
        cityId: '',
        districtId: '',
        provinceId: '',
        cardUser: '',
        cardIdno: '',
        bankname: '',
        bankId: '',
        bankcard: '',
        cardPhone: '',
        branchname: '',
        parentId: '',
        licStartTime: 0,
        licEndTime: 0
      },
      merchantType: [
        { key: 0, display_name: '个体工商户' },
        { key: 1, display_name: '企业' },
        { key: 2, display_name: '事业单位' },
        { key: 3, display_name: '个人' }
      ],
      licenseType: [
        { key: 1, display_name: '多证合一' },
        { key: 0, display_name: '非多证合一' }
      ],
      merchantStatus: [
        { key: 1, display_name: '启用' },
        { key: 0, display_name: '禁用' }
      ],
      tradeStatus: [
        { key: 1, display_name: '启用' },
        { key: 0, display_name: '禁用' }
      ],
      settleTypes: [
        { key: 0, display_name: 'D0' },
        { key: 1, display_name: 'D1' },
        { key: 2, display_name: 'T0' },
        { key: 3, display_name: 'T1' }
      ],
      accountTypes: [
        { key: 0, display_name: '对公账户' },
        { key: 1, display_name: '法人对私账户' },
        { key: 2, display_name: '非法人对私账户' }
      ],
      hylbOptions: []
    }
  },
  methods: {
    // 时间选择
    getDate({ startTime, endTime, val }) {
      this.form.licStartTime = startTime
      this.form.licEndTime = endTime
    },
    getDateIndo({ startTime, endTime, val }) {
      this.form.indoStartTime = startTime
      this.form.indoEndTime = endTime
    },
    getDateWecard({ startTime, endTime, val }) {
      this.form.wecardStartTime = startTime
      this.form.wecardEndTime = endTime
    }
  }
}
</script>

<style lang="scss" scoped>
.form-wrap {
  .el-form-item--small,
  .el-form-item {
    width: 550px;
    .el-select,
    .el-input,
    .el-cascader,
    .el-range-editor {
      width: 100% !important;
    }
  }
}
</style>